<!--
 * @Author: your name
 * @Date: 2021-08-22 21:03:45
 * @LastEditTime: 2021-08-24 16:17:51
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /web-blog/src/pages/blog/timeline.vue
-->

<template>
  <div class="box">
    <Nav></Nav>
    <div class="timeLine">
      <a-timeline mode="alternate">
        <a-timeline-item>
          <a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;" />
          Create a services site 2015-09-01
        </a-timeline-item>
        <a-timeline-item>
          <a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;" />
          Solve initial network problems 2015-09-01
        </a-timeline-item>
        <a-timeline-item>
          <a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;" />
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
          laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto
          beatae vitae dicta sunt explicabo.
        </a-timeline-item>
        <a-timeline-item>
          <a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;" />
          Network problems being solved 2015-09-01
        </a-timeline-item>
        <a-timeline-item>
          <a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;" />
          Create a services site 2015-09-01
        </a-timeline-item>
        <a-timeline-item>
          <a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;" />
          Technical testing 2015-09-01
        </a-timeline-item>
      </a-timeline>
    </div>
  </div>
</template>

<script>
import Nav from '../../components/nav/nav.vue'

export default {
  components: {
    Nav
  },
}
</script>

<style lang="less" scoped>
  .box {
    margin-left: 300px;
    margin-right: 300px;
  }

  .timeLine {
    margin-top: 101px;
    margin-left: -150px;
  }
</style>